<template>
  <div id="DataMaintenance-setting">
    <div class="DataMaintenance-setting">
      <div class="flex-all pt10 pb10 pl12 pr12 bg-white height50">
        <div class="ct-head-left flex-al">
          <span class="left-line-orange mr10"></span>
          <span class="color-333 fs14">{{
            $t("Set.personnelSet.personnelSet.50zh1nf6kls0")
          }}</span>
        </div>
        <!-- <div class="cr-head-right">
          <el-button type="primary" size="mini">{{$t('Set.personnelSet.personnelSet.50zh1nf6m400')}}</el-button>
        </div>-->
      </div>
      <div class="body mt10">
        <div class="body-left ml10 mr10">
          <div class="title">
            <h3 class="h1">
              {{ $t("Set.personnelSet.personnelSet.50zh1nf6kls0") }}
            </h3>
          </div>
          <el-menu
            :router="true"
            :default-active="defaultActive"
            background-color="#ffffff"
            text-color="#2A304D"
          >
            <el-menu-item
              v-for="(item, index) in innerSlider"
              :key="index"
              :index="item.url"
            >
              {{ item.title }}
              <!-- <router-link :to="{'path': item.url}" tag="div">
                {{ item.title }}
                <span v-if="item.title === $t('Set.personnelSet.personnelSet.50zh1nf6mj40') style="color: red;">(待开发)</span>
              </router-link>-->
            </el-menu-item>
          </el-menu>
        </div>
        <div class="body-right">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      openMenu: ["5"],
      fileList2: [
        {
          name: "food.jpeg",
          url:
            "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
        },
      ],
    };
  },
  components: {},
  computed: {
    defaultActive() {
      return this.$store.state.SliderDefaultActive;
    },
  },
  created() {
    this.innerSlider = [
      {
        title: this.$t("Set.personnelSet.personnelSet.50zh1nf6og00"),
        module_id: "151",
        postrole_id: null,
        url: "/Set/personnelSet/schoolroleManage",
      },
      {
        title: this.$t("Set.personnelSet.personnelSet.50zh1nf6nbc0"),
        module_id: "152",
        postrole_id: null,
        url: "/Set/personnelSet/campusPostManage",
      },
      {
        title: this.$t("Set.personnelSet.personnelSet.50zh1nf6o2s0"),
        module_id: "153",
        postrole_id: null,
        url: "/Set/personnelSet/grouproleManage",
      },

      {
        title: this.$t("Set.personnelSet.personnelSet.50zh1nf6mxs0"),
        module_id: "154",
        postrole_id: null,
        url: "/Set/personnelSet/groupPostManage",
      },

      // {
      //   title: this.$t("Set.personnelSet.personnelSet.50zh1nf6nps0"),
      //   module_id: "155",
      //   postrole_id: null,
      //   url: "/Set/personnelSet/postlevelManage",
      // },

      {
        title: this.$t("Set.personnelSet.personnelSet.50zh1nf6oss0"),
        module_id: "156",
        postrole_id: null,
        url: "/Set/personnelSet/teacherType",
      },
      // {
      //   title: "薪资模块管理",
      //   module_id: "160",
      //   postrole_id: null,
      //   url: "/Set/personnelSet/salaryManage"
      // }
    ];
  },
};
</script>

<style lang="less" >
@import url("../common.less");
</style>
